box-shadow(val)
  -webkit-box-shadow: val
  -moz-box-shadow: val
  -ms-box-shadow: val
  -o-box-shadow: val
  box-shadow: val
border-radius(val)
  -webkit-border-radius: val
  -moz-border-radius: val
  -ms-border-radius: val
  -o-border-radius: val
  border-radius: val
.container
  position: relative
  width: 80%
  min-width: 800px
  min-height: 500px
  margin: 0px auto
  &.search
    .tab,.border
      display: none
  &.sign
    width: 500px
    min-width: 0
    min-height: 0
    form
      padding: 40px 30px
      margin-top: 30px
      border: 1px solid rgb(196,196,196)
      .close
        position: absolute
        top: 10px
        right: 10px
        display: block
        width: 20px
        height: 20px
        background: url(../img/close.png) center
      input[type=checkbox]
        width: 15px
        height: 15px
        margin-left: 150px
        vertical-align: middle
      & > label
        width: 50px
        font-size: 12px
        text-align: left
      .link-group
        display: inline-block
        margin-left: 20px
        margin-top: 0
        font-size: 12px
        a
          margin: 0 5px
      button
        float: right
        width: 70px
        height: 30px
        margin-right: 90px
        border: none
  .tab
    width: 80px
    height: 25px
    padding: 2px 15px 0
    margin-top: 30px
    color: #fff
    text-align: center
    background-color: #e73330
    border-radius(5px 5px 0 0)
  .border
    width: 97%
    height: 3px
    background-color: #e73330
  .side-nav
    display: inline-block
    *display: inline
    *zoom: 1
    width: 20%
    max-width: 180px
    margin-right: 3%
    ul
      padding-top: 15px
      text-align: center
      li
        line-height: 30px
        cursor: pointer
        &:hover,&.active
          color: #fff
          background-color: rgb(232,58,55)
  .section
    position: absolute
    top: 0
    right: 0
    display: inline-block
    *display: inline
    *zoom: 1
    width: 75%
    vertical-align: top
    .border
      width: 100%
  .profile
    form
      width: 80%
      padding: 20px 0
      margin: 0 auto
      div
        margin: 10px 0
        label
          display: inline-block
          *display: inline
          *zoom: 1
          width: 80px
          text-align: right
      .name
        input[type='text']
          width: 60%
          height: 20px
          border: 2px solid rgb(191,191,191)
      .image
        color: rgb(102,102,102)
        font-size: 12px
        label
          color: #000
          font-size: 16px
          vertical-align: top
        img
          padding: 3px
          border: 2px solid rgb(191,191,191)
        p
          margin-left: 80px
      .save-btn
        float: right
        padding: 5px 30px
        margin-top: 50px
        color: #fff
        font-size: 16px
        background-color: rgb(118,214,80)
        border: none
        border-radius(5px)
  .detail
    position: relative
    width: 80%
    min-height: 100px
    padding: 15px
    margin: 15px 0
    border-radius(10px)
    box-shadow(0px 5px 3px 0 rgb(216,216,216))
    img
      float: left
      width: 150px
      height: 100px
      margin-right: 15px
    .num
      position: absolute
      top: 15px
      right: 15px
      margin-bottom: 0
    .btn-group
      position: absolute
      top: 15px
      right: 15px
      a
          margin-left: 15px
          cursor: pointer
    .date
      position: absolute
      right: 15px
      bottom: 20px
  .prompt
    position: absolute
    top: 100px
    left: 20px
    width: 400px
    height: 150px
    background-color: #fff
    z-index: 99
    span
      position: absolute
      top: 10px
      right: 10px
      display: block
      width: 20px
      height: 20px
      background: url(../img/close.png) center
    p
      margin: 40px
      text-align: center
    .btn-group
      text-align: center
      button
        padding: 2px 15px
        margin: 0 10px
        color: #fff
        border: none
        border-radius(5px)
      #cancle
        background-color: rgb(232,58,55)
      #sure
        background-color: rgb(136,136,136)
  form
    div
      margin: 15px 0
      label
        display: inline-block
        *display: inline
        *zoom: 1
        width: 120px
        margin-right: 20px
        font-size: 18px
        text-align: right
        vertical-align: top
      input,select,textarea,.price
        width: 200px
        height: 30px
        margin: 0
        border: 1px solid rgb(100,100,100)
        border-bottom-color: rgb(169,169,169)
        border-radius(0)
      .price
        display: inline-block
        *display: inline
        *zoom: 1
        height: 32px
        input
          width: 170
          border: none
      img
        width: 100px
        height: 100px
        padding: 5px
        margin-right: 10px
        border: 1px solid rgb(100,100,100)
      p
        display: inline-block
        *display: inline
        *zoom: 1
        vertical-align: bottom
      textarea
        width: 60%
        height: 200px
        resize: none
      .tip
        display: inline-block
        *display: inline
        *zoom: 1
        width: 60%
        padding: 0 5px
        border: 1px solid rgb(100,100,100)
        background-color: rgb(255,254,166)
        .icon
          float: left
          width: 40px
          height: 30px
          background: url(../img/tip.png) center no-repeat
    button
      width: 150px
      height: 40px
      margin-left: 140px
      color: #fff
      font-size: 20px
      background-color: rgb(255,62,63)
      border: 1px solid rgb(100,100,100)
      border-radius(5px)
  .title
    width: 450px
  .option-box
    padding: 30px 0px
    margin: 60px 0 10px
    border: 1px solid rgb(100,100,100)
    & > div
      margin-bottom: 10px
    label
      display: inline-block
      *display: inline
      *zoom: 1
      width: 130px
      margin-right: 10px
      text-align: right
    select
      width: 205px
      height: 30px
      border: 1px solid rgb(100,100,100)
  .content-box
    position: relative
    .section
      width: 100%
      margin-top: 35px
.type
  span
    display: inline-block
    *display: inline
    *zoom: 1
    width: 100px
    height: 30px
    line-height: 30px
    text-align: center
    border: 1px solid rgb(100,100,100)
    box-sizing: border-box
    cursor: pointer
.active
  color: #fff
  background-color: rgb(255,62,63)
  border: none !important
.mask
  position: absolute
  top: 0
  left: 0
  width: 100%
  height: 100%
  background-color: rgba(181,181,181,.7)
.hide
  display: none !important
.tab-group
  div
    float: left
    width: 100px
    height: 35px
    line-height: 35px
    text-align: center
    border: 1px solid rgb(100,100,100)
    box-sizing: border-box
  .border
    display: block !important
    width: 85%
    height: 3px
    border: none
    background-color: #ff3e3f
.color-red
  color: red
@media only screen and (max-width: 768px)
  body
    background-color: rgb(238,237,237);
  .container
    width: 95%
    min-width: 0
    padding-bottom: 50px
    &.search
      .tab,.border
        display: block
    .side-nav
      display: block
      width: 100%
      max-width: 100%
      margin: 0
      font-size: 12px
      line-height: 20px
      .tab
        width: 70px
        height: 20px
        padding: 0
      .border
        width: 100%
      ul
        background-color: #fff
        border-radius(15px 15px 0 0)
        li
          display: inline-block
          padding: 0 5px
          &.active
            color: #000
            background-color: rgb(238,238,238)
    .section
      width: 100%
      padding-bottom: 50px
      margin-top: 65px
      background-color:#fff
      border-radius(0 0 15px 15px)
      .tab
        display: none
      .border
        width: 95%
        margin: 0 auto
        background-color: rgb(238,238,238)
      form
      div
        margin-top: 30px
        label
          width: 80px
          margin-right: 0
          font-size: 15px
        input
          width: 50%
          height: 15px
        p
          margin-left: 40px
          font-size: 12px
      button
        width: 80px
        height: 25px
        margin-top: 50px
        margin-left: 80px
        font-size: 15px
        border: none
        background-color: rgb(251,196,69)
        box-shadow(2px 2px 3px rgb(118,118,118))
    .detail
      min-height: 80px
      margin: 15px
      font-size: 12px
      img
        width: 60px
        height: 60px
    .prompt
      top: 0
      left: 50%
      width: 280px
      margin-left: -140px
    .exit
      height: 200px
    & > form
      padding: 50px 0
      font-size: 12px
      background-color: #fff
      border-radius(15px)
      div
        margin: 5px
        label
          width: 60px
          margin-right: 10px
          font-size: 12px
          line-height: 20px
          vertical-align: top
        .title
          width: 190px
        input,select
          width: 90px
          height: 25px
        p
          margin-left: 70px
          font-size: 12px
        textarea
          width: 200px
          height: 100px
        .tip
          width: 190px
          margin: 0
      button
        width: 90px
        height: 25px
        margin-left: 80px
        font-size: 15px
    .type span
      width: 50px
    .option-box
      padding: 20px 15px 15px
      margin: 0
      border: none
      font-size: 12px
      background-color: #fff
      label
        width: 90px
        text-align: left
      select
        width: 150px
    .select-tab
      height: 50px
      font-size: 12px
      background-color: #fff
      .tab-group
        padding: 0 10px
        div
          width: 60px
          height: 30px
          line-height: 30px
        .border
          width: 100%
          height: 3px
          border: none
          background-color: #ff3e3f
    .content-box
      .section
        margin-top: 33px
        .border
          background-color: rgb(239,125,124)
      .detail
        margin-top: 5px
        p
          margin-bottom: 10px
        
        .date
          bottom: 5px
    &.sign
      width: 100%
      form
        padding: 40px 10px 250px
        .close
          display: none
        input
          width: 60%
        input[type=checkbox]
          margin-left: 30px
        .link-group
          margin-top: 30px
          margin-bottom: 50px
        button
          float: left
          margin-left: 30px


